<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>

    <link rel="stylesheet" href="../css/light-box.css">

    <script src="../node_modules/jquery/dist/jquery.js"></script>
    <script src="../js/light-box.js"></script>
</head>
<body>
<div id="app">
    <img src="img/1.jpg" alt="desc1" width="200">
    <img src="img/2.jpg" alt="desc2" width="200">
    <img src="img/3.jpg" alt="desc3" width="200">
    <img src="img/4.jpg" alt="desc4" width="200">
    <img src="img/8.gif" alt="desc8" width="200">
    <img src="img/9.png" alt="desc4" width="200">
    <img src="img/10.jpg" alt="desc8" width="200">
</div>

<script>
    $("#app").LightBox({
        name: 'app'
    });

</script>
</body>
</html>
